<!DOCTYPE html>
<html>
<head>
	<title>主页</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/atom.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/common.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/checkbox.pretty.css">
	<link rel="stylesheet" type="text/css" href="../dist/js/dropdown/jquery.dropdown.min.css">

</head>
<body>
	<!-- header -->
	<header>
		<div class="left">
			<a onclick="javascript:window.history.back();"><i class="fa fa-angle-left"></i><em class="fw-normal">回应审批</em></a>
		</div>
		<!-- dropdown -->
		<div class="right">
			<i class="fa fa-list-ul" data-jq-dropdown="#jq-dropdown-1"></i>
		</div>
	</header>
	<!-- header END -->

		<section class="container bg-grey">
		<div class="form-control margin-minus mgt-1">
			<label>会议</label>
			<span>部门例会</span>
		</div>
		<div class="form-control margin-minus mgt-2px">
			<label>会议室</label>
			<span>一号会议室</span>
		</div>
		<div class="form-control margin-minus mgt-1">
			<label>开始时间</label>
			<span>2015-10-21  11:22:99</span>
		</div>
		<div class="form-control margin-minus mgt-2px">
			<label>结束时间</label>
			<span>2015-10-21  12:22:99</span>
		</div>
		<div class="form-control margin-minus mgt-1 height-auto">
			<label>会议详情</label>
			<textarea class="apply-textarea" disabled="disabled" style="background-color: #FFF;">请准备好会议资料，准时出席。如有重要工作不能参加会议请向领导汇报</textarea>
		</div>
		<div class="form-control margin-minus mgt-1 height-auto">
			<label>我的批复</label>
			<textarea class="apply-textarea" placeholder="请输入请假理由(必填)"></textarea>
		</div>
		<div class="mgt-1">
			<label for="checkbox_a1">同意</label>
			<input type="radio" id="checkbox_a1" name="approval" class="chk_1" /> 
			<label style="vertical-align: middle;" for="checkbox_a1"></label>
			<label for="checkbox_a2">不同意</label>
			<input type="radio" id="checkbox_a2" name="approval" class="chk_1" /> 
			<label style="vertical-align: middle;" for="checkbox_a2"></label>
		</div>
		<button class="btn btn-success mgt-1">提交批复</button>
	</section>
	
	<!-- nav弹出层 -->
	<div id="jq-dropdown-1" style="" class="jq-dropdown jq-dropdown-tip">
	    <ul class="jq-dropdown-menu">
	        <li><a href="index.html">主页</a></li>
	        <li><a href="applyByMe.html">我的审批</a></li>
	    </ul>
	</div>
	<!-- footer START -->
	<script type="text/javascript" src="../dist/js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="../dist/js/equ.js"></script>
	<!-- 下拉菜单组件 -->
	<script type="text/javascript" src="../dist/js/dropdown/jquery.dropdown.min.js"></script>
	<script type="text/javascript">
		$('#jq-dropdown-1').on('show', function(event, dropdownData) {
		    $("body").css({"overflow":"hidden"});
		}).on('hide', function(event, dropdownData) {
		    $("body").css({"overflow":""});
		});
	</script>
</body>
</html>